import "../../common/css/login.css";
import LoginCpt from './login';
import Register from './register';
import React, { useState } from 'react';
function Login() {
  let [deg, setDeg] = useState(0);
  return (
    <div>
      <div id="login_boxWrap">
        <h2 className="login_register"><span>登录&注册</span></h2>
        <div className="login_register_box">
          <div className="box" style={{
            transform: `rotateY(${deg}deg)`
          }}>
            <LoginCpt setDeg={setDeg} />
            <Register setDeg={setDeg} />
          </div>
        </div>
      </div>
      <a href="#">
        <span className="first"></span>
      </a>
    </div>
  );
}

export default Login;